<template>
	<view class="content">
		<view class="usertou">
			<view class="quan"><image src="/static/1509161490928274.jpg" mode=""></image></view>
			<view class="user_name">大米大米大米</view>
		</view>
		<view class="csss">
			<view class="text_title">商品订单 <text>查看全部订单</text></view>
			<view class="stu">
				<view>
					<img src="/static/icon_wait.png" alt="">
					<view class="">待发货</view>
				</view>
				<view>
					<img src="/static/icon_wait.png" alt="">
					<view class="">待发货</view>
				</view>
				<view>
					<img src="/static/icon_wait.png" alt="">
					<view class="">待发货</view>
				</view>
				<view>
					<img src="/static/icon_wait.png" alt="">
					<view class="">待发货</view>
				</view>
			</view>
			<view class="kf">
				<image src="/static/icon_service.png" mode=""></image>
				在线客服
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.content{position: relative;}
	.usertou{background:url(../../static/u40.jpg) no-repeat;background-size:100% 100%;height:360upx;width:100%;position:relative;}
	.quan{width:172upx;height:172upx;background:#419efb;border-radius:50%;position:absolute;top:-80upx;bottom: 0;left:0;right:0;margin:auto;}
	.quan image{width:160upx;height:160upx;border-radius:50%;margin:6upx;}
	.user_name{font-size:34upx;color:#FFFFFF;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position:absolute;top:230upx;bottom: 0;left:0;right:0;margin:auto;}
	.csss{padding:0 24upx;position:relative;top:-38upx;}
	.text_title{padding:29upx 21upx;color:#676165;font-size:24upx;border-bottom:1upx solid #eff2f5;background:#FFFFFF;}
	.text_title text{float:right;}
	.stu{overflow:hidden;background:#FFFFFF;padding:26upx 0;margin-bottom:20upx;}
	.stu>view{width:175.5upx;overflow:hidden;text-align: center;float:left;}
	.stu>view>image{width:50upx;height:40upx;display:inline-block;}
	.stu>view>view{font-size:24upx;color:#333333;}
	.kf{background:#FFFFFF;font-size: 34upx;color:#333333;line-height:1;padding:25upx 30upx;}
	.kf>image{width:50upx;height:50upx; vertical-align:middle;padding-right:43upx;}
</style>
